@charset "utf-8";
/* reset */
body, ol, ul, h1, h2, h3, h4, h5, h6, p, th, td,  dl, dd, form, input, textarea { margin: 0; padding: 0; }
body { font: 12px/24px '微软雅黑', Arial, '宋体', HELVETICA; color: #666; background: #fff; }
img { border: 0; vertical-align: top; }
li { list-style-type: none; vertical-align: top; }
button, input, select, textarea { font-size: 100%; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
table { border-collapse: collapse; border-spacing: 0; }
input, textarea { border: none; resize: none; outline: none; }
a { text-decoration: none; outline: none; color: #666; transition: 0.2s; }
a:hover { color: #308ded; }
/* end reset */

/* public */
.w1200, .w1000 { width: 1200px; margin: 0 auto; position: relative; }
.fl { float: left; }
.fr { float: right; }
.mb20 { margin-bottom: 20px; }
.cl { zoom: 1; }
.cl:after { content: ''; display: block; clear: both; }
.eps { overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }
.z9 { z-index: 9; }
/* end public */

/* header */
.header { height: 120px; background: #fff; }
.header h1 { padding-top: 10px; }
.header h2 { padding-top: 20px; }
.header .tel { background: url(../images/TopTel.png) no-repeat 0 center; padding-left: 60px; position: relative; top: 40px; }
.header .tel p { line-height: 28px; color: #7b7b7b; }
.header h3 { font-size: 25px; color: #2f8eec; font-family: Arial; }

/* nav */
.nav { height: 45px; background: url(../images/nav.jpg) repeat-x center; position: relative; z-index: 9; }
.nav .item, .nav h2, .nav h2 a { float: left; }
.nav h2 a { font-size: 14px; color: #fff; height: 45px; line-height: 45px; padding: 0 30px; }

.sub { position: absolute; width: 1000px; height: 252px; top: 45px; border-radius: 0 0 5px 5px; overflow: hidden; display: none; left: 0; }
.sub .bg { width: 100%; height: 252px; background: #fff; position: absolute; top: 0; left: 0; background:-moz-linear-gradient(top, #FFF, #E8E8E8);
	background:-webkit-linear-gradient(top, #FFF, #E8E8E8);
	background:-ms-linear-gradient(top, #FFF, #E8E8E8);
	background:linear-gradient(top, #FFF, #E8E8E8);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#FFF, endColorstr=#E8E8E8)";
	+background:#F5F5F5; }

.sR { left: -74px; }
.sR .arrow { left: 124px; }
.subBox { position: relative; z-index: 9; }
.subBox2 { position: relative; z-index: 9; }
.subBoxLeft { padding-left: 36px;  width: 764px; padding-top: 30px; position: relative; }
.subBoxRight { float: left; border-left: 1px solid #EAEAEA; height: 190px; position: relative; top: 20px; }
.sub ul { width: 150px; padding-left: 24px; padding-top: 23px; }
.sub li { background: url(../images/splitBg.gif) repeat-x; }
.sub li:first-child{background: none; }
.sub h3 a { display: block; height: 32px; /* color: #fff; */ text-indent: 25px; background: url(../images/sub3.gif) no-repeat 11px center; line-height: 32px; font-size: 15px; }
.sub .special h3 a { background-position: 4px center; text-indent: 16px; }
.sub img { width: 375px; height: 186px; }
.sub h3 a:hover { background-image: url(../images/sub2.gif); color: #005ca0; }
.sub .none { background: none; }
.sub p { /* color: #d4effc;  */ width: 325px; line-height: 22px; padding-top: 10px; padding-left: 30px; }
.sub .btn { float: right; width: 70px; height: 26px; line-height: 26px; text-align: center; color: #fff; background: #11a8dc; position: absolute; bottom: 0; right: 34px; }

.subBox2 ul { width: 100%; padding: 25px; }
.subBox2 li { float: left; width: 150px; margin-right: 10px; }
.subBox2 img { width: 150px; height: 150px; }
.subBox2 span { display: inline-block; width: 150px; text-align: center; }
.sub2 .bg { height: 220px; }
.sub2 { height: 220px; }


.search { position: relative; top: 7px; }
.search form { width: 225px; height: 30px; position: relative; border-radius: 15px; overflow: hidden; }
.search .txt { width: 175px; height: 30px; background: #fff; padding-left: 15px; padding-right: 35px; color: #626262; }
.search .btn { width: 33px; height: 30px; background: url(../images/search.png) no-repeat center; position: absolute; top: 0; right: 0; cursor: pointer; }

/* banner */
.banner { width: 100%; height: 420px; overflow: hidden; position: relative; }
.banner .bd { height: 420px; position: relative; left: 50%; margin-left: -960px; }
.banner .hd { width: 100%; text-align: center; position: absolute; left: 0; bottom: 10px; height: 10px; }
.banner .hd li { width: 10px; height: 10px; background: #fff; display: inline-block; text-indent: -999em; overflow: hidden; margin: 0 3px; border-radius: 50%; overflow: hidden; cursor: pointer; }
.banner .hd .on { background: #7ac536; }

.title { background: url(../images/title.jpg) no-repeat center; text-align: center; }
.title h2 { font-size: 25px; font-weight: bold; color: #000; line-height: 34px; }
.title h3 { font-size: 25px; color: #ababab; font-family: Georgia, "Times New Roman", Times, serif; line-height: 22px; }
.title p { color: #616161; }

/* product */
.section2{width: 100%;position: relative;height: 665px;background: url("../images/wel1.jpg") center top no-repeat #005ea6;}
.titlepro{width: 100%;padding-bottom: 70px;background: url("../images/products_title.png") center center no-repeat; height:63px;}

.brand-list{width:1200px;margin: 0 auto; text-align:center;}
.brand-list a{display: inline-block;padding: 0 18px;margin: 0 4px;font-size: 14px;color: #4b4b4b;height: 42px;line-height: 42px;border-radius: 21px;}
.brand-list a:hover,.brand-list .brand-cur{background:#7ac536;color: #fff;}
.brand-content{width: 100%;height: 356px;padding-top: 36px;position: relative;}
.brand-box{width: 1200px;height: 356px;position: absolute;left: 50%;margin-left: -600px;top: 36px;}
.brand-cover{width: 1200px;overflow: hidden;margin-top: 0px;}
.brand-box ul{width: 100%;}
.brand-box ul li{width: 230px;height: 356px;margin-right:10px;float: left;}
.brand-box ul li a{display: block;width: 100%;height: 356px;border-bottom-right-radius: 36px;overflow: hidden;}
.brand-box ul li a img{display: block;}
.brand-box ul li .br-img{width: 100%;height: 88px;position: relative;}
.brand-box ul li .br-img1{width: 100%;height: 68px;background: #308ded;color:#fff;text-align: center;padding-top: 30px;position: absolute;top: 0;left: 0;font-size:18px; font-weight:bold;}




/* work */
.process_Y{ opacity: 0;transform: rotateY(180deg);-webkit-transform: rotateY(180deg);}
.CooperativeBusiness{height: 517px; position: relative; width:100%; margin:0 auto; margin-bottom:30px; }
.CooperativeBusiness .name_index{ background: url(../images/cust_title.png) center center no-repeat;  height: 63px; width:100%; }
.CooperativeBusiness .name_index_text{ position: absolute; width: 746px; height:auto; text-align: center; color: #666666; font-size: 16px; margin-left: -373px; left: 50%; top: 114px;}
.CooperativeBusiness .CooperativeBusiness_over{height: 420px;position: absolute;bottom:60px;width: 100%; overflow: hidden;}
.CooperativeBusiness .CooperativeBusiness_over ul{ overflow: hidden; width: 20000px;}
 .CooperativeBusiness .CooperativeBusiness_over li{ position: relative; float: left; width: 250px; height: 250px; margin-left: -115px;backface-visibility: hidden; }
 .CooperativeBusiness .CooperativeBusiness_over li img{ display: block; width: 100%;}
 .CooperativeBusiness .CooperativeBusiness_over li .pic1{transition: all 1.3s cubic-bezier(0.67, 0.16, 0.13, 1.42) 0s;-webkit-transition: all 1.3s cubic-bezier(0.67, 0.16, 0.13, 1.42) 0s;}
 .CooperativeBusiness .CooperativeBusiness_over li .summary{ background: url(../images/partner0.png); width: 120px; padding:65px; height:120px; position: absolute; top: 0; left: 0;transition: all 1.3s cubic-bezier(0.67, 0.16, 0.13, 1.42) 0s;-webkit-transition: all 1.3s cubic-bezier(0.67, 0.16, 0.13, 1.42) 0s; text-align: center; color: #fff; font-size: 12px; line-height:16px;}
 .CooperativeBusiness .CooperativeBusiness_over .box_over{ width: 1200px;position:relative; top: 0; left: 0; height: 420px; float: left;}

 .CooperativeBusiness .CooperativeBusiness_tab{ position: relative;}
 .CooperativeBusiness .btn_L,.CooperativeBusiness .btn_R{ height: 44px; width: 44px; cursor: pointer; position: absolute; top: 50%; z-index: 5;  transition:all .5s;-webkit-transition:all .5s;}
 .CooperativeBusiness .btn_L{ background:url(../images/btn_l.png) no-repeat; left:0; margin-top: -62px;}
 .CooperativeBusiness .btn_R{ background:url(../images/btn_r.png) no-repeat; right:0; margin-top: 33px;}
 .CooperativeBusiness .btn_L:hover{opacity:0.5;filter:alpha(opacity=50)}
 .CooperativeBusiness .btn_R:hover{opacity:0.5;filter:alpha(opacity=50)}


/*advantage*/
.serviceT{height:63px;background:url(../images/advan_title.png) no-repeat center center;color:#333;margin-top:50px;}
.serviceX{margin-top:35px;overflow:hidden; padding-bottom:50px;}
.serviceX .xm{background:url(../images/ser.jpg) no-repeat center top;height:405px;}
.serviceX .xm div{width:290px;padding-top:47px;float:left;}
.serviceX .xm div h3{font-size:20px;font-weight: bold;}
.serviceX .xm div p{font-size:14px;font-family:"@微软雅黑";padding-top:10px;line-height:20px;font-weight: bold;}
.serviceX .xm .p1 p{ width:250px;}
.serviceX .xm .p2{ width:250px; margin-top:-10px; color:#308ded;}
.serviceX .xm .p2 p{ color:#666;}
.serviceX .xm .p3{ width:290px; margin-top:-30px; color:#308ded; margin-left:-10px;}
.serviceX .xm .p3 p{ color:#666;}
.serviceX .xm .p3 p span{ color:#ff0000; font-size:16px; font-weight:bold; }
.serviceX .xm .p4{ width:280px; margin-top:-30px; margin-right:-40px;}
.serviceX .xm .p4 p{  width:250px; }
.serviceX .xm div.ha{width:1200px;height:53px;}
.serviceX .xm .p1,.serviceX .xm .p4{color:#fff;}
.serviceX .xm .p1,.serviceX .xm .p3{padding-left:165px;}
.serviceX .xm .p2,.serviceX .xm .p4{padding-right:165px;float:right;}


/*case*/
.index-two{ width:100%; overflow:hidden;}
.index_two{ margin-bottom:55px;}
.index_two_title{ background:url(../images/case_title.png) no-repeat center center; height:67px; }
.picScroll-left{ overflow:hidden; position:relative; margin:49px auto 0;width:1200px; padding:0 35px;}
.picScroll-left .bd{width:1200px; overflow:hidden;}
.right_next,.left_prev{ position:absolute; top:50%; left:0; width:26px; margin-top:-30px;}
.right_next{ left:auto; right:0 !important;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{float:left; _display:inline; overflow:hidden; border:1px dashed #ccc; border-bottom:2px solid #308ded; margin:0 17px; width:250px; height:223px; padding:7px; text-align:center;  }
.picScroll-left .bd ul li .pic{ position:relative; overflow:hidden; width:250px; height:189px; text-align:center; }
.picScroll-left .bd ul li .pic img{ width:250px; height:189px; display:block;-webkit-transition:all 0.3s linear; transition:all 0.3s linear; }
.picScroll-left .bd ul li .pic a{ position:absolute; left:0; top:0; z-index:3; opacity:0;filter:alpha(opacity=0);width:100%; height:100%; background:url(../images/img_hover.png) no-repeat center center;}
.picScroll-left .bd ul li:hover img{-webkit-transform:scale(1.1); transform:scale(1.1); }
.picScroll-left .bd ul li .title1{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis; line-height:40px;   }
.picScroll-left .bd ul li:hover{ border:1px solid #7ac536; border-bottom:2px solid #7ac536; background:#7ac536;}
.picScroll-left .bd ul li:hover .title1 a{ color:#fff;}
.picScroll-left .bd ul li .pic:hover a{ opacity:1;filter:alpha(opacity=100);}

/* news */
.news { height: 550px; background: url(../images/news.gif) no-repeat center 0; padding-top: 45px; }
.news .titlenews { background: url(../images/news_title.png) no-repeat center center;  margin-top:20px; margin-bottom:28px; height:63px;}
.news .hd { text-align: center; margin-bottom: 40px; }
.news .hd li { width: 106px; height: 38px; margin: 0 5px; text-align: center; line-height: 38px; font-size: 14px; color: #fff; background: #666; cursor: pointer; display: inline-block; *display: inline; *zoom: 1; }
.news .hd .on { background: #7ac536; }
.news .bd .con { width: 1200px; overflow: hidden; margin-right: 24px; }
.news .bd ul { width: 1226px; }
.news .bd li { width: 280px; position: relative; float: left; margin-right: 26px; }
.news .bd em { width: 80px; height: 56px; background: #7ac536; position: absolute; right: 0; top: 0; }
.news .bd span { font-family: Arial; color: #fff; position: absolute; right: 0; width: 80px; text-align: center; z-index: 9; }
.news .bd .date { font-size: 24px; padding-top: 8px; top: 0; }
.news .bd .year { line-height: 18px; top: 32px; font-weight: bold; }
.news .bd h3 { color: #fff; padding-top: 10px; padding-bottom: 10px; }
.news .bd h3 a { font-size: 14px; color: #fff; }
.news .bd h3 a:hover { color: #7ac536; }
.news .bd p { color: #9ed3ff; line-height: 18px; height: 54px; overflow: hidden; }

/* footer */
.friendlink{ height:55px; width:100%; position: relative; }
.friendlink ul li{ float:left; margin-left:20px;}
.content1200{ width: 1200px; margin: 0 auto; position: relative; height:100%;}
.footer{ height: 389px; width:100%; position: relative;}
.footer .footer_top{ height:345px ; background: #363839; overflow: hidden;}
.footer .footer_top_left{ width: 750px; height: 100%; position: relative; float: left;}
.footer .footer_top_left .ewm{ margin-top: 40px;}
.footer .footer_top_left .ewm ul { text-align: center;}
.footer .footer_top_left .ewm ul li{ display: inline-block; margin: 0 7px;}
.footer .footer_top_left .ewm ul li span{ width: 100%; display: block; text-align: center; color: #fff;}
.footer .footer_top_left .nev_map{ width: 95%; margin: 20px auto 0; position: relative;}
.footer .footer_top_left .nev_map:after{ position: absolute; bottom: 0; height: 1px; width:200%; content: ''; background: #4a4c4d; left: -100%;}
.footer .footer_top_left .nev_map ul { text-align: center;border-top: 1px solid #4a4c4d;}
.footer .footer_top_left .nev_map ul li{ display: inline-block; width:80px; font-size: 14px; color: #989898; line-height:53px; }
.footer .footer_top_left .nev_map ul li a{ color: #989898; line-height: 53px; transition:all .5s;-webkit-transition:all .5s;}
.footer .footer_top_left .nev_map ul li a:hover{ color: #fff;}
.footer .footer_top_left .phone_nupic{ text-align: center; font-family:"Aparajita"; font-size: 30px; color: #fff; line-height: 45px; margin-top: 25px;}
.footer .footer_top_left .phone_nupic img{vertical-align: middle; margin-right: 20px;}
.footer .footer_top_left .phone_nupic span{line-height: 45px;}
.footer .footer_top_right{ width:425px; height:263px; position: relative; float: right; background: url(../images/footer_top_right.jpg);  padding:25px 5px;}
.footer .footer_top_right .name{ line-height: 57px; color: #fff; font-size: 30px; border-bottom: 1px dashed #4a4c4d; position: relative;}
.footer .footer_top_right .name:after{ position: absolute; content: ''; bottom: 2px;border-bottom: 1px dashed #4a4c4d; height: 1px; width: 100%; left: 0;}
.footer .footer_top_right dl dt{  color:#fff; font-weight:bold; font-size:14px; background: url(../images/mico.png) left top no-repeat;  padding-left:30px; line-height:30px; height:30px; }
.footer .footer_top_right dl dd{    padding-left:30px; line-height:22px; height:22px;font-size:14px; color:#989898; }
.footer .footer_top_right dl dd:hover{ color:#fff;}
.footer .footer_top_right .booking { position: relative; margin-top: 28px;}
.footer .footer_top_right .booking .biaodan{ font-size: 16px; color: #969696; margin-bottom: 12px; position:relative; height: 24px;}
.footer .footer_top_right .booking .biaodan span{ position: absolute; color: #515151; right: 3px; top:0}
.footer .footer_top_right .booking .biaodan input{ border: 1px solid #3e3e3e; background: url(../images/footer_top_right.jpg); width: 166px; height: 20px; line-height: 20px; margin-left: 18px; text-indent: 12px; color: #969696; float: right;position: absolute; top: 0; right: 0;}
.footer .footer_top_right .booking .booking_btn{ overflow: hidden;position: relative;height: 34px;}
.footer .footer_top_right .booking .booking_btn input{ width: 163px; height: 34px; text-align: center; color: #fff; background:url(../images/booking_btn.jpg); border: 1px dashed #65543e; float: right; cursor: pointer;transition:all .5s;-webkit-transition:all .5s; }
.footer .footer_top_right .booking .booking_btn input:hover{border:1px dashed #CFC5B9;}
.footer .footer_bottom{ height: 43px; background:#282a2b; border-top:1px solid #454748; line-height: 43px;}
.footer .footer_bottom .copyright{ line-height: 43px; color: #616161; float: left;}
.footer .footer_bottom .copyright a{ color: #8D8D8D; transition:all .5s;-webkit-transition:all .5s;}
.footer .footer_bottom .copyright a:hover{ color: #fff;}
.footer .footer_bottom .share{ float: right;line-height: 43px; overflow: hidden;}
.footer .footer_bottom .share ul{ overflow: hidden; height: 43px;}
.footer .footer_bottom .share ul li{ float: left; line-height: 43px; margin-left:10px; color: #616161; cursor: pointer;transition:all .5s;-webkit-transition:all .5s;opacity:.6;filter:alpha(opacity=60);}
.footer .footer_bottom .share ul li:hover{ opacity:1;filter:alpha(opacity=100)}



.EntryTOjoin {
    background: rgba(0, 0, 0, 0.63);
    bottom: 0;
    height: 55px;
    position: fixed;
    width: 100%;
    z-index: 999;
}
.EntryTOjoin .content1200{ height: 100%; width: 1200px; margin: 0 auto;}
/*.EntryTOjoin ul{ overflow: hidden;}*/
.EntryTOjoin ul li{ float: left; font-size: 14px;color: #fff; margin-right: 25px; position: relative;}
.EntryTOjoin .Slogan{ background: url(../images/biaoyu.png) no-repeat; width:422px; height: 73px; margin-top:-20px;}
.EntryTOjoin ul li .text{ width: 135px; height: 31px; background: #fff; font-size:12px; line-height: 31px; text-indent: 12px; margin-top: 13px;}
.EntryTOjoin ul li .submit{ width: 106px; height: 31px; background:#D19732;line-height: 31px; color: #323232; font-size:14px; font-weight: bold; text-align: center; margin-top: 14px; cursor: pointer; color:#fff}

/* 内页 */
.page { overflow:hidden; zoom:1; margin-top: 20px; }
.main { width: 960px; padding: 20px; background: #fff; min-height: 600px; }


/* pageBanner */
.pageBanner { width: 100%; overflow: hidden; height: 300px; }
.pageBanner img { position: relative; left: 50%; margin-left: -960px; }

/* 内页侧栏 */
.side { width: 200px; }
.sideNav a { color: #fff; }
.sideNav { background: #308ded; }
.sideNav h2 { margin-bottom: 1px; }
.sideNav h2 a { display: block; height: 54px; line-height: 54px; text-indent: 40px; font-size: 16px; color: #fff; background: #32a7ff; transition: 0s; position: relative; }
.sideNav h2 a:hover, .sideNav .active a { 
	background:-moz-linear-gradient(left, #0d74c1, #113c5a);
	background:-webkit-linear-gradient(left, #0d74c1, #113c5a);
	background:-ms-linear-gradient(left, #0d74c1, #113c5a);
	background:linear-gradient(left, #0d74c1, #113c5a);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient (GradientType=1, startColorstr=#0d74c1, endColorstr=#113c5a)";
	+background:#0f5b93; 
}
.sideNav h2 em { width: 17px; height: 17px; background: url(../images/sideOff.png) no-repeat; position: absolute; left: 15px; top: 19px; }
.sideNav h2 a:hover em, .sideNav .active a em { background-image: url(../images/sideOn.png); }
.sideNav ul { padding: 10px 0; }
.sideNav li { background: url(../images/split.gif) repeat-x; }
.sideNav h3 a { display: block; height: 32px; line-height: 32px; color: #575656; text-indent: 48px; color: #fff; background: url(../images/arrow.gif) no-repeat 36px center;  }
.sideNav h3 a:hover, .sideNav .on h3 a { color: #A6FF55; transition: 0.2s; }
.sideNav li:first-child{ background: none;}
.sideNav .none { background: none; }
#bside  a{ 
	background:-moz-linear-gradient(left, #0d74c1, #113c5a);
	background:-webkit-linear-gradient(left, #0d74c1, #113c5a);
	background:-ms-linear-gradient(left, #0d74c1, #113c5a);
	background:linear-gradient(left, #0d74c1, #113c5a);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient (GradientType=1, startColorstr=#0d74c1, endColorstr=#113c5a)";
	+background:#0f5b93; 
}
#bside  a em{background-image: url(../images/sideOn.png); }




.MaterialScience{ height: 100px;  margin-top: 18px;}
.MaterialScience ul li{ float: left;line-height:41px; position: relative; margin-left:20px; margin-right: 30px; margin-top: 30px; cursor: pointer;}
.MaterialScience ul li span{ background:url(../images/choice.png) 0 0; display: block; float:right; height: 41px; width:41px; margin-left: 20px;}
.MaterialScience ul .addChoice span{ background:url(../images/choice.png) -41px 0;}
.MaterialScience_show ul{ overflow: hidden; display: none;}
.MaterialScience_show ul.addMaterialScience{ display:block;}
.MaterialScience_show ul li{ width:399px; height: 330px; float: left; background: #f5f5f5; border-left: 1px solid #dfdfdf;}
.MaterialScience_show .MaterialScience_show_pic{ width:100%; height: 144px; margin-top: 5%; margin-bottom: 20px;}
.MaterialScience_show .MaterialScience_show_pic img{display: block;}
.MaterialScience_show .summary{ height:128px; width: 100%;}
.MaterialScience_show .summary p{text-indent: 86px;}



.bestBuy .bd { text-:#fff; center; padding: 10px 0; }
.bestBuy .bd img { width: 190px; height: 190px; padding: 2px; border: 1px solid #dadada; transition: 0.3s; }
.bestBuy .bd span { color: #666; display: inline-block; padding: 5px 0; width: 190px; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; transition: 0.3s; }
.bestBuy .bd a:hover span { color: #90c31f; }
.bestBuy .bd a:hover img { border-color: #90c31f; transition: 0.3s; }

.contactInfo .sideBox { padding: 10px; }
.tel400 { background: url(../images/pageTel.gif) no-repeat 0 1px; padding-left: 44px; margin-bottom: 10px; }
.tel400 p { line-height: 16px; }
.tel400 h3 { font-size: 24px; font-family: Arial; font-weight: bold; line-height: 30px; }
.contactInfo .item { padding-left: 12px; background: url(../images/splitBg.gif) repeat-x; padding-top: 10px; }
.contactInfo .item span { display: inline-block; vertical-align: top; }
.contactInfo .item .value { width: 150px; }

/* 面包屑 */
.breadCrumb { background: url(../images/dot.gif) repeat-x 0 bottom; height: 26px; line-height: 26px; overflow: hidden; color: #6d6d6d; padding-bottom: 9px; margin-bottom: 26px; }
.breadCrumb span { color: #2a2a2a; }
.breadCrumb a { color: #6d6d6d; }
.breadCrumb a:hover { color: #0187eb; }

/* 图片模板 */
.imgBox { overflow: hidden; }
.imgBox ul { width: 1000px; }
.imgBox li { float: left; text-align: center; }
.imgBox img { border: 2px solid #dadada; transition: 0.3s; }
.imgBox span { color: #666; display: inline-block; padding-top: 10px; margin-bottom: 10px; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; transition: 0.3s; }
.imgBox a:hover img { border-color: #0187eb; transition: 0.3s; }
.imgBox a:hover span { color: #0187eb; }




 .Position{ height:auto; padding: 20px 0 148px; background:#fcfcfc; border-top:1px solid #ebebeb;}

.Position ul li{ width:400px; height:95px; float:left; margin-left:52px; margin-top:37px; position:relative}
.Position  ul li .arrow_Shadow{transition:all 1s;-webkit-transition:all 1s; opacity:1; background:url(../images/pic_center_shadow.png) no-repeat; height:127px; width:49px; position:absolute; top:0; right:-49px;}
.Position  ul li .btn3D span{ display:block; font-size:12px; width:409px;}
 .Position  ul li:hover .arrow_Shadow{ opacity:0}
 .Position  ul li:hover .btn3D{ background:#7AC536;}
.Position  ul li:hover .btn3D-Ld::after{ background:#6fc71f;}
 .Position  ul li a{ display:block; height:95px; width:100%; color:#fff;}
.Position  ul li .buttom_arrow{ width: 95px; height: 95px; position: absolute; right: 0; top:0; border-left: 1px solid #d8d8d8;}
 .Position  ul li .buttom_arrow i{ background:url(../images/pic_center_arrow.png) no-repeat; width: 28px; height: 15px; margin:40px auto; display: block;}
.btn3D { padding-left:10px; font-size:18px; text-align:left; border: none;color: inherit; background: none; cursor: pointer; height:100%; width:100%; display: inline-block; text-transform: uppercase; letter-spacing: 1px;outline: none; position: relative; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.btn3D:after { content: ''; position: absolute; z-index: -1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.btn3D-L { display: block; background:#b3b3b3; outline: 1px solid transparent;  -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; }
.btn3D-L:active { background: #55b7f3; }
.perspective { -webkit-perspective: 800px; height:100%; width:100%;-moz-perspective: 800px; perspective: 800px; display: inline-block; }
.btn3D-Ld:after { width: 20%; height: 100%; left: 100%; top: 0; background:#878282; -webkit-transform-origin: 0% 0%; -webkit-transform: rotateY(75deg);  transform-origin: 0% 0%; transform: rotateY(75deg); }
.btn3D-Ld:hover { -webkit-transform: rotateY(-15deg); transform: rotateY(-15deg); }


/* 产品图片模板 */
.productBox { width: 960px; overflow: hidden; }
.productBox ul { width: 1000px; }
.productBox li { width: 300px; text-align: center; float: left; margin-bottom: 55px; margin-right: 20px; }
.productBox a { float: left; border-bottom: 2px solid #cdcdcd;  background: url(../images/prbg.jpg) center top no-repeat;}
.productBox a:hover { border-bottom-color: #0187eb; }
.productBox img {   width: 300px; height: 203px; }
.productBox span { font-size: 14px; color: #343434; width: 280px; padding: 0 10px; display: inline-block; vertical-align: top; line-height: 34px; }

/* 关于图片模板 */
.pageAboutBox li { width: 228px; margin-right: 33px; }
.pageAboutBox img { width: 220px; height: 156px; padding: 2px; transition: 0.3s; }
.pageAboutBox span { width: 220px; }

/* 案例 */
.pageCaseBox li { width: 232px; margin-right: 10px; }
.pageCaseBox img { width: 228px; height: 142px; }
.pageCaseBox span { width: 232px; }

/* 案例2 */
.pageCaseBox2 li { width: 289px; margin-right: 20px; }
.pageCaseBox2 img { width: 287px; height: 239px; }
.pageCaseBox2 span { width: 283px; }

/* 实力展示 */
.pageShowBox li { width: 224px; margin-right: 21px; }
.pageShowBox img { width: 216px; height: 152px; padding: 2px; transition: 0.3s; }
.pageShowBox span { width: 210px; }

/* 荣誉展示 */
.pageHonorBox li { width: 228px; margin-right: 33px; }
.pageHonorBox img { width: 220px; height: 159px; padding: 2px; transition: 0.3s; }
.pageHonorBox span { width: 220px; }

/* 反馈展示 */
.pageFeedbackBox li { width: 228px; margin-right: 33px; }
.pageFeedbackBox img { width: 220px; height: 191px; padding: 2px; transition: 0.3s; }
.pageFeedbackBox span { width: 220px; }

/* 荣誉展示 */
.pageCaseShow li { width: 228px; margin-right: 33px; }
.pageCaseShow img { width: 220px; height: 220px; padding: 2px; transition: 0.3s; }
.pageCaseShow span { width: 220px; }

/* 文章列表 */
.listBox li { zoom:1; overflow:hidden; background:url(../images/splitBg.gif) repeat-x 0 bottom; padding-bottom:20px; margin-bottom:20px; }
.listBox h3 { overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }
.listBox h3 a { font-weight:bolder; color:#333; font-family: 'Microsoft yahei'; }
.listBox h3 a:hover { color:#0187eb; }
.listBox p a { color:#0187eb; }
.listBox p a:hover { text-decoration:underline; }

/* 新闻模板 */
.infoBox img { float:left; width:160px; height:110px; margin-right:15px; }
.infoBox h3 { line-height:30px; height:30px; font-size:16px; margin-bottom: 5px; width: 600px; }
.infoBox h4 { overflow: hidden; zoom: 1; }
.infoBox .time { color:#ccc; line-height:18px; height:18px; margin-bottom:10px; background: url(../images/time.png) no-repeat 0 center; text-indent: 20px; float: left; margin-right: 10px; }
.infoBox .author { background: url(../images/author.html) no-repeat 0 center; text-indent: 20px; color: #ccc; line-height: 18px; height: 18px; margin-bottom: 10px; float: left; }
.infoBox p { height:48px; overflow:hidden; width: 750px; }

/* 问答模板 */
.faqBox h3 { background:url(../images/faq.gif) no-repeat; height:22px; line-height:22px; padding-left:30px; margin-bottom:6px; font-size:14px; }
.faqBox p { background:url(../images/faq.gif) no-repeat 0 -32px; height:40px; line-height:20px; padding-left:30px; overflow:hidden; }
.faqBox span { width: 220px; }

/* 下载模板 */
.downloadBox { font-family: 'Microsoft yahei'; }
.downloadBox li { background: url(../images/splitBg.gif) repeat-x 0 bottom; height: 50px; line-height: 50px; }
.downloadBox h3 { float: left; background: url(../images/file.jpg) no-repeat 0 center; padding-left: 34px; color: #000; font-size: 14px; }
.downloadBox a { float: right; color: blue; background: url(../images/download.png) no-repeat 0 center; padding-left: 18px; }

/* 文章详细页 */
.infoShowTop { text-align:center; background:url(../images/splitBg.gif) repeat-x 0 bottom; margin-bottom:20px; padding-bottom:10px; }
.infoShowTop h2 {font-size:22px; color:#333; margin-bottom: 16px; font-family: "Microsoft yahei"; }
.infoShowTop p { color:#999; }
.infoShowTop span { margin-right:10px; }
.infoShowTop a { margin:5px; }
.infoShowTop a:hover { color: #0187eb; }
.infoShowTop .active, .infoShowTop .active:hover { font-weight:bolder; color:#000; }

.infoInner { font-size:14px; margin-bottom:20px; }
.keyword { border:1px solid #dadada; padding:0 10px; height:30px; line-height:30px; margin-bottom:10px; }
.keyword a { margin:0 4px; }
.guide { background:#e8e8e8; height:30px; line-height:30px; padding:0 10px; margin-bottom:20px; }
.guide .fl { background: url(../images/toPrev.png) no-repeat 0 center; text-indent: 20px; max-width: 300px; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.guide .fr { background: url(../images/toNext.png) no-repeat right center; padding-right: 20px; max-width: 300px; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.guide a:hover { color: #0187eb; }

.bestInfo { overflow: hidden; zoom: 1; margin-bottom: 20px; }
.bestInfo ul { width: 1000px; }
.bestInfo li { height:30px; line-height:30px; background:url(../images/splitBg.gif) repeat-x 0 bottom; float: left; margin-right: 25px; }
.bestInfo li a { display:inline-block; width:365px; background: url(../images/iconh.jpg) no-repeat 0 center; padding-left: 20px; float: left; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }
.bestInfo li a:hover { color: #0187eb; }
.bestInfo li span { display:inline-block; width:80px; text-align:right; float: right; }

.center { text-align: center; margin: 20px 0; }

/* 产品详细页 */
.relative .productBox ul { padding:0; }

.productShowTop { overflow:hidden; margin-top:30px; }

.productShowPic{width:352px;}
.productShowPic .productShow {width:352px;height:396px;}
.tb-pic a{display:table-cell;text-align:center;vertical-align:middle;}
.tb-pic a img{vertical-align:middle;}
.tb-pic a{*display:block;*font-family:Arial;*line-height:1;}
.tb-s310, .tb-s310 a{height:320px;width:350px;background:#fff}
.tb-s310, .tb-s310 img{max-height:320px;max-width:350px; _width:350px;}
.tb-s310 a{*font-size:271px;}
.tb-booth{border:1px solid #dadada;position:relative;z-index:1;}
div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:200px;height:200px;background:#fff;border:1px solid #ccc;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;background:url(../images/mask.png);cursor:move;z-index:1;}

.tb-picList{width:352px;height:62px;overflow: hidden;margin-top:10px;position:relative;}
.tb-picList a.prev{display:block;width:12px;height:21px;position:absolute;top:22px;left:0;background:url(../images/anu.png) no-repeat;overflow:hidden;cursor:pointer;transition:0s;}
.tb-picList a.prev:hover{background-position:0 -21px;}
.tb-picList a.next{display:block;width:12px;height:21px;position:absolute;top:22px;right:0;background:url(../images/anu.png) no-repeat 0 -42px;overflow:hidden;cursor:pointer;transition:0s;}
.tb-picList a.next:hover{background-position:0 -63px;}

.tb-picList .tb-thumb{position:relative;width:290px;height:62px;margin:0 auto;overflow:hidden;}
.tb-picList .tb-thumb ul{position:absolute;width:999999px;height:62px;}
.tb-picList .tb-thumb ul li{background:none;float:left;width:76px;height:62px;overflow:hidden;}
.tb-picList .tb-thumb ul li a{display:block;width:60px;height:60px;border:1px solid #dadada;text-align:center;background:#fff}
.tb-picList .tb-thumb ul li img{max-width:100%;height:60px;cursor:pointer;}
.tb-picList .tb-thumb ul li a.tb-selected{border:1px solid #308ded;}

.productShowIntro { width:560px; height:344px; overflow:hidden; }
.productShowIntro h2 { line-height:24px; background:url(../images/splitBg.gif) repeat-x 0 bottom; font-size:16px; color:#333; padding:10px 0; font-family: 'Microsoft yahei'; }
.descriptionBox { padding:10px 0 0; height:150px; overflow:hidden; margin-bottom: 22px; }
.descriptionBox p { line-height: 18px; margin-bottom: 4px; }
.descriptionBox span { display: inline-block; vertical-align: top; }
.descriptionBox .txt { width: 490px; margin-left: 4px; }
.productOrder a{ display:block; width:150px; height:40px; background:#0187EB; line-height:40px; text-align:center; font-size:15px; color:#fff; border-radius:4px; font-family: 'Microsoft yahei'; }
.productOrder a:hover{ background:#7AC536; color:#fff; }

.productShowBox { margin-top:50px; }
.productShowBox .hd { height:39px; line-height:39px; font-size:14px; border-radius: 3px; overflow: hidden; }
.productShowBox .hd ul { height: 39px; background: #0187EB; font-family: 'Microsoft yahei'; }
.productShowBox .hd li { float:left; width:120px; text-align:center; color:#fff; cursor:pointer; background:#0187EB; }
.productShowBox .hd .on { background: #7AC536; color:#FFF; }
.productShowBox .bd { margin:10px 0; }

.orderBox { width:730px; padding-left:10px; }
.orderBox span { width:60px; display:inline-block; }
.orderBox input, .orderBox textarea { border:1px solid #CCC; padding:0 10px; margin-right:10px; color:#999; vertical-align:middle; }
.orderBox input { height:24px; line-height:24px; width:150px; }
.orderContent, textarea { vertical-align:top; }
.orderBox textarea { padding:10px; width:634px; height:60px; overflow:hidden; }
.orderBox img { border:1px solid #ccc; _margin-top:2px; }
.orderBox .IDCode { width:80px; }
.orderBox .btn { width:80px; background:#0187EB; color:#FFF; font-family:'Microsoft yahei'; cursor:pointer; border:none; height:32px; line-height:30px; margin-right:10px; }
.orderBox .btnBox { padding-left:60px; }
.orderBox p { margin-bottom:10px; }

.column { height:40px; color:#fff; font-size:16px; padding-left:20px; margin-bottom:10px; font-family: "Microsoft yahei"; background: #0187EB; border-radius: 3px; overflow: hidden;  }
.column span { display:inline-block; border-left:6px solid #fff; height:16px; line-height:16px; padding-left:6px; position:relative; top:8px; }

.checkcode { cursor: pointer; }

/* 表单模板 */
.formBox { width:600px; margin:50px auto; }
.formBoxTop { font-size:16px; margin-bottom:16px; font-family: "Microsoft yahei"; }
.formBoxTop span { color:#90C31F; }
.formInner p { font-size:14px; }
.formInner .name { width:300px; }
.formInner .topic { width:450px; }
.formInner span { display:inline-block; width:70px; _vertical-align: top; }
.formInner input, .formInner textarea { border:1px solid #dadada; padding:0 10px; margin-bottom:16px; }
.formInner input { height:30px; width:250px; line-height: 30px; }
.formInner textarea { width:500px; height:150px; padding:10px; vertical-align:middle; overflow: hidden; }
.formInner img { border:1px solid #dadada; margin-left:10px; cursor:pointer; }
.formInner .IDCode { width:80px; }
.formInner .btnBox { padding-left:70px; }
.formInner .btn { width:100px; height:40px; background:#ca0000; font-size:12px; color:#fff; cursor:pointer; margin-right:10px; }

/*  */
.orderTel { background: url(../images/pageTel.png) no-repeat 0 center; padding-left: 25px; margin-bottom: 10px; }
.orderTel span { font-size: 25px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #fd8900; }